.shorts-wrapper {
  @apply w-full relative;
  transition: transform 0.3s ease-in-out;
}

.short-video {
  @apply w-full h-full object-contain top-0 left-0;
}

.video-info {
  @apply absolute bottom-20px left-20px z-10;
}

.video-actions {
  @apply absolute bottom-30px right-20px z-10 flex flex-col gap-20px;
}

.action-icon {
  @apply flex flex-col items-center cursor-pointer;
  i {
    @apply mb-8px hover:scale-120 transition-all;
  }
  span {
    @apply text-14px;
  }
}

.animate__bounceIn {
  animation: bounceIn 0.6s cubic-bezier(0.17, 0.89, 0.32, 1.49);
}
@keyframes bounceIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
